<?
$seccion=2; 
include 'head.php';

if(empty($_GET)){
?> 
<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-8"><br>
		<table class="table table">
		<thead>
			<tr>
				<th>id</th><th>Nombre</th><th>Fase</th><th>Estado</th><th>Acciones</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td><td>Planificación 2012</td><td>Retroalimentación</td><td>Terminado</td>
				<td>
					<a href="equipos.php?id"><span class="glyphicon glyphicon-list phi"></span></a>
				</td>	
			</tr>
			<tr>
				<td>2</td><td>Planificación 2013</td><td>Retroalimentación</td><td>En Proceso</td>
				<td>
					<a href="equipos.php?id"><span class="glyphicon glyphicon-list phi"></span></a>
				</td>	
			</tr>
			<tr>
				<td>2</td><td>Planificación 2014</td><td>Planificación</td><td>En Proceso</td>
				<td>
					<a href="equipos.php?id"><span class="glyphicon glyphicon-list phi"></span></a>
				</td>	
			</tr>													
		</tbody>
	</table>	    	
	</div>
</div>
<?}else{?>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type='text/javascript'>
	google.load('visualization', '1', {packages:['orgchart']});
	google.setOnLoadCallback(drawChart);
	function drawChart() {
	var data = new google.visualization.DataTable();
	data.addColumn('string', 'Name');
	data.addColumn('string', 'Manager');
	data.addColumn('string', 'ToolTip');
	data.addRows([
	  [{v:'Gerencia', f:'Gerencia'}, '',''],
	  [{v:'Ventas', f:'Ventas'}, 'Gerencia',''],
	  ['Finanzas', 'Gerencia', ''],  
	  ['RRHH', 'Gerencia', ''],
	  ['Marketing', 'Ventas', '']
	]);
	var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
	chart.draw(data, {allowHtml:true,size:"large"});
	}
</script><br><br>
<div class="row">
	<div class="col-md-5" >
		<div id="chart_div" style="width: 650px; height: 500px;"></div>
	</div>
	<div class="col-md-5">
		
	</div>
	
</div>
<? 
}
include 'footer.php';
?>